<template>
  <div class="login-bgc">
    <div class="login-form">
      <h1>用户登录</h1>
      <LoginForm></LoginForm>
    </div>
  </div>
</template>

<script>
  import LoginForm from "./childComps/LoginForm";

  export default {
    name: "Login",
    components: {
      LoginForm

    },
    data () {
      return {

      }
    },
    methods: {
    },
  }
</script>

<style scoped>
  .login-bgc {
    width: 100%;
    height: 100vh;
    /*background-color: red;*/
    background: url("~assets/img/login-bgc.jpg") no-repeat;
    background-size: 100% 100%;

  }
  .login-form {
    position: relative;
    right: -50%;
    top: 15%;
    box-shadow: 0 0 4px rgba(100, 100, 100, 1);

    background-color: #c6c6c6;
    /*background-color: blue;*/

    height: 70vh;
    width: 70vh;
  }
  .login-form h1 {
    text-align: center;
    border-bottom: 1px solid red;

    /*background-color: yellow;*/
  }
</style>